body, div, dl, dt, dd, del, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, menu { margin: 0; padding: 0 }
body { font: 12px/1.6 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif; color: #333 }
a, a:visited { color: #333 }
a:hover { color: #0039ab; text-decoration: none }
ol, ul, li { list-style: none }
.oh { overflow: hidden; *zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.dib { display: inline-block; *display: inline; *zoom: 1; }
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.plr0 { padding-left: 0; padding-right: 0; }
.page-wrap { /*background: #e0ebfc;*/background: #fff url(../images/bg.png); }
.white-bg { background: #fff; position: relative; overflow: hidden; }
.page-title { text-align: center; }
.page-cn { font-size: 26px; font-weight: normal; margin-bottom: 5px; }
.page-en { text-transform: uppercase; font-size: 20px; line-height: 20px }
.banner-in { height: 350px; }
.mt20 { margin-top: 20px; }
/*通用头部*/
.top-link .container { position: relative; }
.top-link { height: 30px; line-height: 30px; background: #333; }
.top-link .lang { position: absolute; right: 220px; top: 5px; height: 20px; line-height: 20px; }
.top-link .lang li { float: left; }
.top-link .lang li a { color: #fff; }
.top-link .lang li { margin-right: 10px }
.top-link .lang li a img { margin-right: 3px }
.top-link .search { position: absolute; right: 0; top: 0; }
.top-link .search form { position: relative; display: inline-block; width: 200px; background: #e6e6e6; overflow: hidden; }
.top-link .search .input { font-size: 14px; font-weight: 300; display: inline-block; line-height: 30px; width: 145px; margin-left: -2px; padding: 0 10px 0 10px; border: 0px; background-color: #e6e6e6; appearance: none; }
.top-link .search .submit { position: absolute; top: 0; right: 0; width: 35px; height: 100%; cursor: pointer; border: none; background: url(../images/search.png) no-repeat center center }
.navbar-header .logo { display: block; margin: 9px 0; height: 52px; }
.navbar-header .logo img { height: 52px }
.navbar-main { height: 70px; padding: 0; margin-bottom: 0; background: #fff; position: relative; }
.navbar-main .nav-menu { padding: 22px 0; margin-right: -35px; float: right; }
.navbar-main .nav-menu>li { float: left; width: 115px; height: 26px; }
.navbar-main .nav-menu>li>a { height: 26px; line-height: 26px; color: #000; display: block; text-align: center; overflow: hidden; font-size: 14px; margin: 0 5px; padding: 0; }
.navbar-main .nav-menu>li>a span { display: block; height: 24px; line-height: 24px; text-transform: uppercase; }
.navbar-main .nav-menu>li>a:hover, .navbar-main .nav-menu>li>a:focus { background: transparent; color: #fff; }
.navbar-main .nav-menu>li>a:hover span { margin-top: -25px; background: #fff; color: #004098; border: solid 1px #013aad; }
.navbar-main .nav-menu>li>a em { font-style: normal; text-transform: uppercase; }
.navbar-main .nav-menu>li>a:hover em, .navbar-main .nav-menu>li>a:focus em { color: #004098; border: solid 1px #013aad; display: block; height: 24px; line-height: 24px; }
/*首页焦点图*/
.flexslider { position: relative; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat; max-height: 750px; }
.slides { position: relative; z-index: 1; }
.slides li { }
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center; }
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1; }
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer; }
.flex-control-nav .flex-active { background-position: 0 0; }
.flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 45%; }
.flex-direction-nav li a { display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; position: absolute; }
.flex-direction-nav li a.flex-prev { left: 40px; background: url(../images/prev.png) center center no-repeat; }
.flex-direction-nav li a.flex-next { right: 40px; background: url(../images/next.png) center center no-repeat; }
/*首页简介*/
.home-about { padding: 50px 0; }
.about-desc { background: #B3AFAE; height: 640px; margin-top: 30px }
.about-desc .col-md-6 { padding: 0; }
.about-desc .text .bd { height: 450px; overflow: hidden; padding: 50px 50px 0; font-size: 14px; color: #000; line-height: 40px; }
.about-desc .text .more { text-align: right; padding: 0 50px; margin-top: 45px; }
.about-desc .text .more a { color: #005099; line-height: 70px; height: 70px; background: url(../images/arr.png) 212px center no-repeat; border: solid 1px; display: inline-block; text-align: left; width: 280px; text-indent: 60px }
/* é¦–é¡µäº§å“ */
.home-product { padding: 50px 0; background: #f5f7f8; }
.home-product ul { margin-top: 30px; }
.home-product li { height: 320px; }
.home-product .p1 { background: #0055ff; }
.home-product .p2 { background: #fff; }
.home-product .p3 { background: #ff7f00; }
.home-product .p4 { background: #585858; }
.home-product .p5 { background: #ffff00; }
.home-product .p6 { background: #00ffff; }
.home-product .pic { height: 230px; text-align: center; }
.home-product .pic a img { margin: 0 auto; -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; transition: all .8s ease 0s; }
.home-product .pic a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.home-product .title { height: 50px; margin-top: 10px; position: relative; text-align: center; font-size: 16px }
.home-product .title .en { display: block; }
.home-product .title .link { position: absolute; right: 30px; top: 0; height: 48px; width: 48px; }
.home-product .title a { color: #fff }
.home-product .p2 .title a, .home-product .p5 .title a { color: #333 }
.home-product .link { border: solid 1px #fff; background: url(../images/white.png) center center no-repeat; }
.home-product .p2 .link, .home-product .p5 .link { border: solid 1px #333; background: url(../images/dark.png) center center no-repeat; }
/* 首页新闻 */
.home-news { padding: 50px 0 120px; }
.home-news .more { text-align: center; }
.home-news .more a { color: #fff; line-height: 70px; height: 70px; background: #4d4d4d url(../images/arr-1.png) 212px center no-repeat; border: solid 1px; display: inline-block; text-align: left; width: 280px; text-indent: 60px }
.home-news .more a:hover { color: #fff; background: #0039ab url(../images/arr-1.png) 212px center no-repeat; border: solid 1px; }
.home-home-news-list { overflow: hidden; position: relative; padding: 30px 0 0; }
.home-news-list li { position: relative; overflow: hidden; background: #FFFFFF; height: 240px; padding: 0 25px 0 0; }
.home-news-list li a { display: block; }
.home-news-list li a .time { line-height: 30px; font-size: 14px; color: #333333; padding: 0px 0 20px; }
.home-news-list li a .time span { border-bottom: 2px solid #0039ab; }
.home-news-list li a .pic { padding: 0; }
.home-news-list li a .title { font-size: 14px; color: #000000; padding: 15px 15px; }
.home-news-list li a .desc { height: 50px; line-height: 18px; font-size: 12px; color: #666666; padding: 20px 0 0; }
/* 首页优势 */
.home-super { background: #272626 url(../images/super.jpg) center top no-repeat; height: 785px; -webkit-background-size: cover; background-size: cover; }
.super-title { display: table; height: 785px; width: 280px; float: left; }
.super-title .text { display: table-cell; vertical-align: middle; padding-left: 70px; text-align: center; }
.super-title { color: #fff; font-size: 26px; }
.super-title .en { font-size: 20px; text-transform: uppercase; }
.super-list { float: right; width: 908px; height: 785px; background: url(../images/super-bg.png) center center no-repeat; position: relative; }
.super-list-en { background: url(../images/super-bg-en.png) center center no-repeat; }
.super-list li { display: table; position: absolute; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; float: left; overflow: hidden; color: #fff; width: 351px; height: 287px; background: url(../images/super-list.png) no-repeat; cursor: pointer; }
.super-list li:hover { background: url(../images/super-hover.png) no-repeat; width: 436px; height: 358px; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); z-index: 999 }
.super-list .item-box { display: table-cell; vertical-align: middle; }
.super-list .ico { width: 90px; height: 78px; margin: 0 auto; }
.super-list .desc { width: 230px; text-align: center; margin: 0 auto; font-size: 14px; }
.super-list .desc strong { font-size: 26px; margin-bottom: 10px; font-weight: normal; }
.super-list .item1 { left: 280px; top: -49px; }
.super-list .item2 { right: 0px; top: 95px; }
.super-list .item3 { right: 0px; top: 406px; }
.super-list .item4 { left: 280px; bottom: -49px; }
.super-list .item5 { left: 0px; top: 406px; }
.super-list .item6 { left: 0px; top: 95px; }
.super-list .item1 .ico { background: url(../images/ico.png) 0 0 no-repeat; }
.super-list .item2 .ico { background: url(../images/ico.png) 0 -78px no-repeat; }
.super-list .item3 .ico { background: url(../images/ico.png) 0 -156px no-repeat; }
.super-list .item4 .ico { background: url(../images/ico.png) 0 -234px no-repeat; }
.super-list .item5 .ico { background: url(../images/ico.png) 0 -312px no-repeat; }
.super-list .item6 .ico { background: url(../images/ico.png) 0 -390px no-repeat; }
.super-list .item1:hover .ico { background: url(../images/ico.png) -90px 0 no-repeat; }
.super-list .item2:hover .ico { background: url(../images/ico.png) -90px -78px no-repeat; }
.super-list .item3:hover .ico { background: url(../images/ico.png) -90px -156px no-repeat; }
.super-list .item4:hover .ico { background: url(../images/ico.png) -90px -234px no-repeat; }
.super-list .item5:hover .ico { background: url(../images/ico.png) -90px -312px no-repeat; }
.super-list .item6:hover .ico { background: url(../images/ico.png) -90px -390px no-repeat; }
/* 应用领域 */
.home-apply { padding: 100px 0 50px }
.apply-nav { position: relative; text-align: center; margin: 20px 0; }
.apply-nav li { position: relative; display: inline-block; overflow: hidden; box-sizing: border-box; width: 116px; line-height: 35px; border: 2px solid #0039ab; white-space: nowrap; text-overflow: ellipsis; margin: 0 12px; }
.apply-nav li a { font-size: 14px; display: block; cursor: pointer; text-align: center; *display: inline; *zoom: 1; }
.apply-nav li a:hover { color: #fff; background: #0039ab }
.apply-list { overflow: hidden }
.apply-list .item { padding: 0; }
.apply-list .item a { display: block; font-size: 0; position: relative; }
.apply-list .item a img { width: 100%; height: auto }
.apply-list .item a .bg { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%); background-color: transparent; -webkit-transition: all .4s ease; transition: all .4s ease; }
.apply-list .item a:hover .bg { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: rgba(0, 57, 171, .8); }
.apply-list .item a .title { position: absolute; width: 90%; top: 50%; left: 45%; -webkit-transform: translate(-45%, -50%); -ms-transform: translate(-45%, -50%); transform: translate(-45%, -50%); text-align: center; text-transform: uppercase; color: #fff; font-size: 14px; display: none; }
.apply-list .item a:hover .title { display: block; }
/* è”ç³»æ–¹å¼ */
.home-contact { padding: 50px 0; color: #fff; background: url(../images/contact-bg.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; font-size: 14px; }
.home-contact .page-title { color: #fff; margin-bottom: 35px; }
.home-contact a { color: #fff; }
.share { position: relative; overflow: hidden; padding-left: 80px; }
.share-ico { line-height: 36px; margin-bottom: 10px; }
.share-ico a { display: inline-block; height: 36px; cursor: pointer; }
.qrcode li { float: left; text-align: center; margin-right: 30px }
.qrcode li p { position: relative; margin-top: -30px; }
.address { overflow: hidden; position: relative; padding: 50px 0 50px 80px; border-left: solid 1px; }
.address li { line-height: 50px; width: 50%; float: left; }
/* 内页布局 */
.aside, .content { padding-bottom: 99999px; margin-bottom: -99999px; }
.aside { min-height: 800px; background: #fff; margin-right: 50px; }
.content { background: #fff; }
/* 左侧导航 */
.cate-title { margin: 0 20px; height: 60px; line-height: 80px; font-size: 18px; color: #0039ab; border-bottom: 1px solid; font-weight: normal; }
.cate-list { margin: 15px 20px 0; padding-bottom: 30px; }
.cate-list li a { font-size: 14px; color: #000; line-height: 35px; display: block; border-bottom: solid 1px #ccc; }
.cate-list li a:hover { background: #0039ab; color: #fff }
/* 新闻列表 */
.news-wrap { background: #F7F5F6; position: relative; overflow: hidden; }
.news-list { overflow: hidden; position: relative; padding: 60px 0; margin: 0 -4px 0 0; }
.news-list li { position: relative; overflow: hidden; background: #FFFFFF; height: 280px; padding: 0 40px; border-right: 4px solid #F7F5F6; border-bottom: 4px solid #F7F5F6; }
.news-list li a { }
.news-list li a .time { line-height: 30px; font-size: 14px; color: #333333; padding: 35px 0 20px; }
.news-list li a .time span { border-bottom: 2px solid #0039ab; }
.news-list li a .pic { padding: 0; }
.news-list li a .title { font-size: 14px; color: #000000; padding: 15px 15px; }
.news-list li a .desc { height: 50px; line-height: 18px; font-size: 12px; color: #666666; padding: 20px 0 0; }
/* 图文列表 */
.img-list { overflow: hidden; margin-top: 35px; }
.img-list .item { margin-bottom: 35px; }
.img-list .item a { display: block; font-size: 0; position: relative; }
.img-list .item a img { width: 100%; height: auto }
.img-list .item a .bg { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); transform: translate(-50%, 100%); background-color: transparent; -webkit-transition: all .4s ease; transition: all .4s ease; }
.img-list .item a:hover .bg { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, .8); }
.img-list .item a .title { position: absolute; width: 90%; top: 50%; left: 45%; -webkit-transform: translate(-45%, -50%); -ms-transform: translate(-45%, -50%); transform: translate(-45%, -50%); text-align: center; text-transform: uppercase; color: #fff; font-size: 14px; display: none; }
.img-list .item a:hover .title { display: block; }
.img-list .item a .title span { font-size: 12px; display: inline-block; padding: 0 15px; border: solid 1px; margin-top: 30px; }
/* ä½ç½®å¯¼èˆª */
.crumbs { background: #0039ab url(../images/bg.png); height: 50px; line-height: 50px; color: #fff; padding: 0 20px; }
.crumbs a { color: #fff; }
/* 通用分页 */
.page-list { text-align: center; margin: 10px; display: block; }
.page-list:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.page-list ul { border-right: solid 1px #ddd; border-radius: 4px; display: inline-block; vertical-align: bottom; }
.page-list ul li { border-right: none; border-radius: 0; float: left; display: inline-block; border: solid 1px #ddd; border-radius: 4px; padding: 8px 12px; line-height: 18px; }
.page-list ul li a { color: #333; display: block; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; background: #fff; }
.page-list ul li:not(:first-child):not(:last-child) { border-radius: 0; }
.page-list ul li:first-child { border-radius: 4px 0 0 4px; }
.page-list ul li:last-child { border-radius: 0 4px 4px 0; }
.page-list ul li.active { background: #f3f3f3; }
/* 相关内容 */
.page-related { margin: 20px 0; border-top: 1px solid #ccc; padding-top: 15px; }
.page-related li { overflow: hidden; }
.page-more { font-size: 14px; line-height: 36px; display: block; overflow: hidden; width: 136px; text-indent: 40px; margin: 20px 0; background: #fff url(../images/back.png) 10px 50% no-repeat; }
.page-more:hover, .page-more:active {/* color: #fff; border: 1px solid #0039ab; background: #0039ab url(../images/back-h.png) 10px 50% no-repeat; */ }
/* 通用内容 */
.content-body { padding: 60px 0 0 10px; }
.content-body p { margin-bottom: 12px; }
.content-body img { max-width: 100%; width: auto; }
.content-title { text-align: center; line-height: 50px; font-size: 18px; color: #000000; padding-top: 30px; }
.content-img { margin: 20px auto; text-align: center; }
.content-img img { display: inline-block; }
.content-time { text-align: center; color: #999; padding: 5px 0; }
.detail { line-height: 24px; padding: 30px 15px; }
/* 产å“详情 */
.prod-detail { margin-top: 36px; }
.prod-title { font-size: 24px; font-weight: 600; color: #333; }
.prod-other { padding: 15px 0px; border-bottom: 1px solid #ddd; }
.prod-other li a { display: block; font-size: 13px; padding: 5px 0px; }
.prod-other li a img { margin-right: 5px; }
.prod-pdf { margin-top: 15px; }
.prod-pdf a { font-size: 20px; }
.prod-pdf a img { margin-top: -2px; margin-right: 5px; }
.prod-share { height: 30px; margin: 15px 0 0; }
/* 百度地图 */
.iw_poi_title { font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap; color: #c52; }
.iw_poi_content { font: 12px arial, sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word; }
#dituContent { width: 100%; height: 400px; border: #ccc solid 1px; margin-bottom: 30px; }
#dituContent img { max-width: none; }
/* 通用底部 */
.footer { padding: 25px 0; background: #0039ab url(../images/bg.png); color: #fff; font-size: 14px; }
.footer a { color: #fff; margin-right: 20px; }
.footer .copyright { width: 700px; padding: 20px 0; text-align: center; margin: 0 auto; border: solid 1px; }
@media (min-width:1366px) {
.container { width: 1280px }
}
@media (max-width:992px) {
.navbar-toggle { padding: 15px 0px; margin-top: 15px; background-color: transparent; background-image: none; border-radius: 0px; border-top: none }
.navbar-toggle .icon-bar { background: #333 }
.navbar-collapse { padding: 0; border-top: none; }
.navbar-main { z-index: 999 }
.navbar-main .nav-menu { padding: 0; margin-right: 0px; float: none; }
.navbar-main .nav-menu>li { display: block; width: 100%; clear: both; float: none; height: auto; }
.navbar-main .nav-menu>li>a { height: auto; line-height: 48px; display: block; margin: 0; border-top: 1px solid #ccc; text-align: left; padding: 0 15px; background: #fff; }
.navbar-main .nav-menu>li>a span { display: none; }
.navbar-main .nav-menu>li>a:hover, .navbar-main .nav-menu>li>a:focus { background: #0039ab; color: #fff; }
.navbar-main .nav-menu>li>a:hover em, .navbar-main .nav-menu>li>a:focus em { color: inherit; border: 0px; display: block; height: auto; line-height: inherit; }
.navbar-main .nav-menu .open>a, .navbar-main .nav-menu .open>a:focus { background-color: transparent; border-top: 1px solid #ccc; background: #0039ab; color: #fff }
.navbar-main .nav-menu .open>a:after { border-right: 1px solid #fff; border-bottom: 1px solid #fff }
.aside { margin-right: 0px; }
}
@media (max-width:640px) {
.home-super, .apply-nav { display: none; }
.top-link .search form { width: 180px; }
.top-link .search .input { width: 120px; }
.top-link .lang { position: absolute; right: 60px; left: 15px; }
.navbar-header .logo img { padding-left: 15px }
.navbar-toggle { margin-right: 15px }
.flex-direction-nav { display: none; }
.about-desc { height: auto; }
.about-desc .text .bd { height: auto; padding: 35px 35px 0; line-height: 28px; }
.home-product .title .link { right: 15px; top: 0; }
.home-news { padding: 50px 0 0; }
.home-news-list { padding: 0 0 30px; }
.home-news-list li { height: auto; padding: 15px 15px; }
.home-news-list li a .desc { height: auto; }
.home-news-list li { border-bottom: 1px solid #ccc; }
.home-apply { padding: 50px 0 50px; }
.share { padding-left: 0; text-align: center; }
.qrcode { text-align: center; }
.qrcode li { width: 50%; display: inline-block; margin-right: 0; }
.qrcode li img { width: 150px; }
.address { overflow: hidden; position: relative; padding: 0 0 0 20px; border-left: 0px; }
.address li { line-height: 30px; width: 100%; float: none; }
.banner-in { display: none; }
.aside, .content { padding-bottom: 0px; margin-bottom: 0px; }
.aside { min-height: 1px; }
.news-list { padding: 48px 0; margin: 0; }
.news-list li { height: auto; padding: 0 30px; border-right: 0px solid #F7F5F6; border-bottom: 4px solid #F7F5F6; }
.news-list li a .time { padding: 20px 0 20px; }
.news-list li a .desc { height: auto; padding: 10px 0 20px; }
.crumbs { margin: 0 -15px; padding: 0 20px; }
.content-body { padding: 60px 0 0 0; }
.prod-title { margin-top: 15px; }
.footer { padding: 15px 0; }
.footer .copyright { width: 90%; text-align: center; margin: 0 auto; border: solid 0px; }
}